<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>过滤器的串联</title>
<!--引入Vue库-->
<script src="../vue.js"></script>
</head>
<body>	
<div id="app">
  <p>{{ message }}</p>
  <p>{{ message | filterA | filterB }}</p>
</div>
<script>
  var vm=new Vue({ 
      el: '#app', 
      data: { 
          message: 'welcome to login'
          },
      filters: {
      filterA: function (value) {
          return value.split('').reverse().join('')
         },
      filterB: function(value){
          return value.length
        }
     }
  })
</script>
</body>
</html>
